<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		ul li:first-child{
			color: #0000FF;
		}	
			ul li:last-child{
				color: #00FFFF;
			}
			p:nth-child(1){
				color: #FFA500;
			}
			p:nth-of-type(2){
				color: blanchedalmond;
			}
			.a>div:first-of-type{
				color: #FFEBCD;
			}
			.cc>div:last-of-type{
				color: cadetblue;
			}
			
			h6[title^="a"]{
				color: #00008B;
			}
			h6[title$="b"]{
				color: #00FFFF;
			}
			h6[title*="f"]{
				color: #008000;
			}
			h6[title]{
				font-size: 20px;
			}
		
			
		</style>
	</head>
	<body>
		
		<p>即使没有人为你鼓掌,也要优雅的谢幕,感谢自己的认真付出。</p>
		<p>只有小孩子才问你为什么不理我,成年人都是心照不宣地相互疏远</p>
		<p>不要向任何人诉苦,因为20%的人不关心,还有80%的人听到后很高兴。</p>
		<p>遇见的人多了,你才会明白哪些人值得用生命去珍惜,哪些人只适合绕道而行</p>
		<ul>
			<li>有时候,我们必须闭上嘴,放下骄傲,承认是自己错了。这不是认输,而是成长。</li>
			<li>该扔的就扔，该放弃就放弃，从今天起，余生做个俗人，以自己最好的姿态生活</li>
			<li>生活有一百种过法，别人的故事再好，始终容不下你。活成什么样子，自己决定</li>
			<li>生活就是这样，痛并快乐着。好的坏的我们都收下吧，然后一声不响，继续生活。</li>
		</ul>
		<div class="a">
			<h4>无可替代1</h4>
			<div>无可替代2</div>
			<h2>无可替代3</h2>
			<h1>无可替代4</h1>
			<h4>无可替代5</h4>
			<div>无可替代6</div>
			<h2>无可替代7</h2>
			<h1>无可替代8</h1>
		</div>
		<div class="cc">
			<h4>众多非一1</h4>
			<div>众多非一2</div>
			<h2>众多非一3</h2>
			<h4>众多非一5</h4>
			<div>众多非一6</div>
			<h2>众多非一7</h2>
		</div></br>
		<!--属性选择器-->
		<h6 title="a">星星点点</h6>
		<h6></h6>
		<h6 title="a_c">星星点点</h6>
		<h6 title="b-a-b">星星点点</h6>
		<h6 title="bbc">星星点点</h6>
		<h6 title="a-b">星星点点</h6>
		<h6 title="f">星星点点</h6>
			
		
	</body>
</html>
